.clearfix {
  &::before,
  &::after {
    content: " ";
    display: table;
  }
  &::after {
    clear: both;
  }
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide,
.hidden {
  display: none !important;
}

@custom-media --phone (min-width: 480px);

@custom-media --tablet (min-width: 768px);

@custom-media --desktop (min-width: 992px);

@custom-media --large-desktop (min-width: 1200px);
